/* ==========================================================================
   Main Pricing Table Styles
========================================================================== */

.pricing-table {
	list-style: none;
	position: relative;
	margin: 0 0 30px 0;
	padding: 0px;
	text-align: center;
}

.pricing-table .title {
    color: #FFFFFF;
    font-size: 20px;
    padding: 14px 10px;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    /* -webkit-border-radius: 4px 4px 0 0; */
    background: #999999;
}

.pricing-table .price {
    background: #999999;
    color: #FFFFFF;
    font-size: 40px;
    line-height: normal;
    padding: 10px 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(255, 255, 255, 0.2);
}


.pricing-table .price span {
    font-size: 16px;
}

.pricing-table .description {
    border-bottom: 1px solid #DDDDDD;
    padding: 10px;
    background-image: url(); /* gradient overlay */
	background-image: -moz-linear-gradient(bottom, #ededed 0%, #fff 100%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, #ededed 0%, #fff 100%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, #ededed 0%, #fff 100%); /* gradient overlay */
	background-image: linear-gradient(bottom, #ededed 0%, #fff 100%); /* gradient overlay */

}

.pricing-table .pricing-list {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.pricing-table .pricing-list li {
    border-bottom: 1px solid #DDDDDD;
    padding: 10px 20px;
}

.pricing-table .description, .pricing-table .pricing-list li {
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}

.pricing-table .cta-button {
	padding: 20px;
	background: #999999;
	text-transform: uppercase;
	border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
}

.pricing-table .pricing-list li:nth-child(odd) {
    background: #f7f7f7;
}

/* ==========================================================================
   Blue Pricing Tables
========================================================================== */

.pricing-table.blue .title, .pricing-table.blue .price, .pricing-table.blue .cta-button {
	background-image: url(); /* gradient overlay */
	background-image: -moz-linear-gradient(bottom, #3d7f8d 0%, #5395a1 100%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, #3d7f8d 0%, #5395a1 100%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, #DF7817 0%, #F29C15 100%); /* gradient overlay */
	background-image: linear-gradient(bottom, #3d7f8d 0%, #5395a1 100%); /* gradient overlay */
	/* color: #D9F9FF; */
}

.pricing-table.blue .pricing-list strong {
	color: #3D7F8D;
}

.pricing-table.blue .pricing-list li:nth-child(even) {
    background: #ffffff;
}

.pricing-table.blue .pricing-list li:nth-child(odd) {
    background: #f1fbfd;
}


/* ==========================================================================
   Green Pricing Tables
========================================================================== */
.pricing-table.green .title, .pricing-table.green .price, .pricing-table.green .cta-button {
	color: #edffd9;
	background-image: url(); /* gradient overlay */
	background-image: -moz-linear-gradient(bottom, #658d3d 0%, #7ca153 100%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, #658d3d 0%, #7ca153 100%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, #658d3d 0%, #7ca153 100%); /* gradient overlay */
	background-image: linear-gradient(bottom, #658d3d 0%, #7ca153 100%); /* gradient overlay */
}

.pricing-table.green .pricing-list strong {
	color: #658D3D;
}

.pricing-table.green .pricing-list li:nth-child(even) {
    background: #ffffff;
}

.pricing-table.green .pricing-list li:nth-child(odd) {
    background: #f7fdf1;
}

/* ==========================================================================
   Violet Pricing Tables
========================================================================== */
.pricing-table.violet .title, .pricing-table.violet .price, .pricing-table.violet .cta-button {
	color: #e3d9ff;
	background-image: url(); /* gradient overlay */
	background-image: -moz-linear-gradient(bottom, #533d8d 0%, #6753a1 100%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, #533d8d 0%, #6753a1 100%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, #533d8d 0%, #6753a1 100%); /* gradient overlay */
	background-image: linear-gradient(bottom, #533d8d 0%, #6753a1 100%); /* gradient overlay */
}

.pricing-table.violet .pricing-list strong {
	color: #533d8d;
}

.pricing-table.violet .pricing-list li:nth-child(even) {
    background: #ffffff;
}

.pricing-table.violet .pricing-list li:nth-child(odd) {
    background: #f4f1fd;
}

/* ==========================================================================
   Royal Blue Pricing Tables
========================================================================== */
.pricing-table.royal-blue .title, .pricing-table.royal-blue .price, .pricing-table.royal-blue .cta-button {
	color: #d6dfff;
	background-image: url(); /* gradient overlay */
	background-image: -moz-linear-gradient(bottom, #234789 0%, #3d619f 100%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, #234789 0%, #3d619f 100%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, #234789 0%, #3d619f 100%); /* gradient overlay */
	background-image: linear-gradient(bottom, #234789 0%, #3d619f 100%); /* gradient overlay */
}

.pricing-table.royal-blue .pricing-list strong {
	color: #2133a2;
}

.pricing-table.royal-blue .pricing-list li:nth-child(even) {
    background: #ffffff;
}

.pricing-table.royal-blue .pricing-list li:nth-child(odd) {
    background: #eef1fe;
}

/* ==========================================================================
   Red Pricing Tables
========================================================================== */
.pricing-table.red .title, .pricing-table.red .price, .pricing-table.red .cta-button {
	color: #ffe1e1;
	background-image: url(); /* gradient overlay */
	background-image: -moz-linear-gradient(bottom, #650000 0%, #933 100%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, #650000 0%, #933 100%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, #650000 0%, #933 100%); /* gradient overlay */
	background-image: linear-gradient(bottom, #650000 0%, #933 100%); /* gradient overlay */
}

.pricing-table.red .pricing-list strong {
	color: #670101;
}

.pricing-table.red .pricing-list li:nth-child(even) {
    background: #ffffff;
}

.pricing-table.red .pricing-list li:nth-child(odd) {
    background: #ffecec;
}

/* ==========================================================================
   Black Pricing Tables
========================================================================== */
.pricing-table.black .title, .pricing-table.black .price, .pricing-table.black .cta-button {
	color: #ffffff;
	background-image: url(); /* gradient overlay */
	background-image: -moz-linear-gradient(bottom, #282828 0%, #464646 100%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, #282828 0%, #464646 100%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, #282828 0%, #464646 100%); /* gradient overlay */
	background-image: linear-gradient(bottom, #282828 0%, #464646 100%); /* gradient overlay */
}

.pricing-table.black .pricing-list strong {
	color: #111111;
}

.pricing-table.black .pricing-list li:nth-child(even) {
    background: #ffffff;
}

.pricing-table.black .pricing-list li:nth-child(odd) {
    background: #f4f4f4;
}

/* ==========================================================================
   Blue Buttons
========================================================================== */

.btn-blue {
	color: #D9F9FF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #2A7A88;
	*background-color: #2A7A88;
	background-image: url(); /* gradient overlay */
	background-image: -moz-linear-gradient(top, #65BCCC, #2A7A88);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#65BCCC), to(#2A7A88));
	background-image: -webkit-linear-gradient(top, #65BCCC, #2A7A88);
	background-image: -o-linear-gradient(top, #65BCCC, #2A7A88);
	background-image: linear-gradient(to bottom, #65BCCC, #2A7A88);
	background-repeat: repeat-x;
	border-color: #2A7A88;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65BCCC', endColorstr='#2A7A88', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus,
.btn-blue.disabled,
.btn-blue[disabled] {
	color: #d9f9ff;
	background-color: #2A7A88;
	*background-color: #003bb3;
}

/* ==========================================================================
   Green Buttons
========================================================================== */

.btn-green {
	color: #EDFFD9;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #6A8B29;
	*background-color: #6A8B29;
	background-image: url(); /* gradient overlay */
	background-image: -moz-linear-gradient(top, #AED169, #6A8B29);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#AED169), to(#6A8B29));
	background-image: -webkit-linear-gradient(top, #AED169, #6A8B29);
	background-image: -o-linear-gradient(top, #AED169, #6A8B29);
	background-image: linear-gradient(to bottom, #AED169, #6A8B29);
	background-repeat: repeat-x;
	border-color: #6A8B29;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AED169', endColorstr='#6A8B29', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-green:hover,
.btn-green:active,
.btn-green:focus,
.btn-green.disabled,
.btn-green[disabled] {
	color: #EDFFD9;
	background-color: #6A8B29;
	*background-color: #003bb3;
}

/* ==========================================================================
   Violet Buttons
========================================================================== */

.btn-violet {
	color: #E3D9FF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #412A88;
	*background-color: #412A88;
	background-image: url(); /* gradient overlay */
	background-image: -moz-linear-gradient(top, #8065CC, #412A88);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8065CC), to(#412A88));
	background-image: -webkit-linear-gradient(top, #8065CC, #412A88);
	background-image: -o-linear-gradient(top, #8065CC, #412A88);
	background-image: linear-gradient(to bottom, #8065CC, #412A88);
	background-repeat: repeat-x;
	border-color: #412A88;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8065CC', endColorstr='#412A88', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-violet:hover,
.btn-violet:active,
.btn-violet:focus,
.btn-violet.disabled,
.btn-violet[disabled] {
	color: #e3d9ff;
	background-color: #412A88;
	*background-color: #003bb3;
}

/* ==========================================================================
   Royal Blue Buttons
========================================================================== */

.btn-royal-blue {
	color: #D6DFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #0E3A86;
	*background-color: #0E3A86;
	background-image: url(); /* gradient overlay */
	background-image: -moz-linear-gradient(top, #4A6FD0, #0E3A86);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4A6FD0), to(#0E3A86));
	background-image: -webkit-linear-gradient(top, #4A6FD0, #0E3A86);
	background-image: -o-linear-gradient(top, #4A6FD0, #0E3A86);
	background-image: linear-gradient(to bottom, #4A6FD0, #0E3A86);
	background-repeat: repeat-x;
	border-color: #0E3A86;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A6FD0', endColorstr='#0E3A86', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-royal-blue:hover,
.btn-royal-blue:active,
.btn-royal-blue:focus,
.btn-royal-blue.disabled,
.btn-royal-blue[disabled] {
	color: #d6dfff;
	background-color: #0E3A86;
	*background-color: #003bb3;
}

/* ==========================================================================
   Red Buttons
========================================================================== */

.btn-red {
	color: #FFE1E1;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #490000;
	*background-color: #490000;
	background-image: url(); /* gradient overlay */
	background-image: -moz-linear-gradient(top, #AD2F2F, #490000);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#AD2F2F), to(#490000));
	background-image: -webkit-linear-gradient(top, #AD2F2F, #490000);
	background-image: -o-linear-gradient(top, #AD2F2F, #490000);
	background-image: linear-gradient(to bottom, #AD2F2F, #490000);
	background-repeat: repeat-x;
	border-color: #490000;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AD2F2F', endColorstr='#490000', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-red:hover,
.btn-red:active,
.btn-red:focus,
.btn-red.disabled,
.btn-red[disabled] {
	color: #ffe1e1;
	background-color: #490000;
	*background-color: #003bb3;
}


/* ==========================================================================
   Ribbons
===========================================================================*/

.ribbon-wrapper {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -4px;
  right: -3px;
}

.ribbon-green:before,
.ribbon-green:after,
.ribbon-red:before,
.ribbon-red:after,
.ribbon-teal:before,
.ribbon-teal:after,
.ribbon-orange:before,
.ribbon-orange:after,
.ribbon-royal-blue:before,
.ribbon-royal-blue:after {
  content: "";  
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before,
.ribbon-red:before,
.ribbon-teal:before,
.ribbon-orange:before,
.ribbon-royal-blue:before {
  left: 0;
}
.ribbon-green:after,
.ribbon-red:after,
.ribbon-teal:after,
.ribbon-orange:after,
.ribbon-royal-blue:after {
  right: 0;
}

/* ==========================================================================
   Ribbon Green
===========================================================================*/

.ribbon-green {
  font: bold 12px Sans-Serif;
  color: #527759;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 9px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #a4cc5d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
  -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:    0px 2px 1px rgba(0, 0, 0, 0.2);
  box-shadow:         0px 2px 1px rgba(0, 0, 0, 0.2);
}

.ribbon-green:before, .ribbon-green:after {
  border-top:   3px solid #6e8900;   
}

/* ==========================================================================
   Ribbon Teal
===========================================================================*/

.ribbon-teal {
  font: bold 12px Sans-Serif;
  color: #406a47;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 9px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #62caab;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#78DBB5), to(#4DBAA2)); 
  background-image: -webkit-linear-gradient(top, #78DBB5, #4DBAA2); 
  background-image:    -moz-linear-gradient(top, #78DBB5, #4DBAA2); 
  background-image:     -ms-linear-gradient(top, #78DBB5, #4DBAA2); 
  background-image:      -o-linear-gradient(top, #78DBB5, #4DBAA2); 
  -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:    0px 2px 1px rgba(0, 0, 0, 0.2);
  box-shadow:         0px 2px 1px rgba(0, 0, 0, 0.2);
}

.ribbon-teal:before, .ribbon-teal:after {
  border-top:   3px solid #268768;   
}

/* ==========================================================================
   Ribbon Orange
===========================================================================*/

.ribbon-orange {
  font: bold 12px Sans-Serif;
  color: #9b6110;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 9px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #eca23c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#efb15b), to(#e99521)); 
  background-image: -webkit-linear-gradient(top, #efb15b, #e99521); 
  background-image:    -moz-linear-gradient(top, #efb15b, #e99521); 
  background-image:     -ms-linear-gradient(top, #efb15b, #e99521); 
  background-image:      -o-linear-gradient(top, #efb15b, #e99521); 
  -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:    0px 2px 1px rgba(0, 0, 0, 0.2);
  box-shadow:         0px 2px 1px rgba(0, 0, 0, 0.2);
}

.ribbon-orange:before, .ribbon-orange:after {
  border-top:   3px solid #9b6110;   
}

/* ==========================================================================
   Ribbon Royal Blue
===========================================================================*/

.ribbon-royal-blue {
  font: bold 12px Sans-Serif;
  color: #1a6077;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 9px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #39a7c3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#42b3d7), to(#309cb0)); 
  background-image: -webkit-linear-gradient(top, #42b3d7, #309cb0); 
  background-image:    -moz-linear-gradient(top, #42b3d7, #309cb0); 
  background-image:     -ms-linear-gradient(top, #42b3d7, #309cb0); 
  background-image:      -o-linear-gradient(top, #42b3d7, #309cb0); 
  -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:    0px 2px 1px rgba(0, 0, 0, 0.2);
  box-shadow:         0px 2px 1px rgba(0, 0, 0, 0.2);
}

.ribbon-royal-blue:before, .ribbon-royal-blue:after {
  border-top:   3px solid #1a6077;   
}

/* ==========================================================================
   Ribbon Red
===========================================================================*/

.ribbon-red {
  font: bold 12px Sans-Serif;
  color: #6d1919;
  text-align: center;
  text-shadow: #db6161 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 9px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #be2e2e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d13535), to(#ab2727)); 
  background-image: -webkit-linear-gradient(top, #d13535, #ab2727); 
  background-image:    -moz-linear-gradient(top, #d13535, #ab2727); 
  background-image:     -ms-linear-gradient(top, #d13535, #ab2727); 
  background-image:      -o-linear-gradient(top, #d13535, #ab2727); 
  -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:    0px 2px 1px rgba(0, 0, 0, 0.2);
  box-shadow:         0px 2px 1px rgba(0, 0, 0, 0.2);
}

.ribbon-red:before, .ribbon-red:after {
  border-top:   3px solid #6d1919;   
}
